<template>
  <!-- <VoiceInput v-model="value"></VoiceInput> -->
  <DataTree
    :data="treeData"
    labelField="name"
    indent="20px"
    showCheckbox
    multiple
  ></DataTree>
  <!-- checkStrictly -->
</template>
<script>
// import VoiceInput from "@/components/voice-input/index.vue";
import DataTree from "@/components/da-tree-vue2/index.vue";
export default {
  components: {
    // VoiceInput,
    DataTree,
  },
  data() {
    return {
      //   value: "",
      treeData: [
        {
          id: "2",
          name: "行政中心",
          children: [
            { id: "21", name: "行政部", children: [] },
            {
              id: "22",
              name: "财务部",
              append: "(被禁用，无展开、无法更改)",
              children: [],
              disabled: true,
            },
            {
              id: "23",
              name: "人力资源部",
              children: [
                {
                  id: "231",
                  name: "人力资源一部",
                  append: "(children为空则无展开)",
                  children: null,
                },
                {
                  id: "232",
                  name: "人力资源二部",
                  append: "(无children字段则无展开)",
                },
                { id: "233", name: "人力资源三部", children: [] },
              ],
            },
          ],
        },
        {
          id: "3",
          name: "技术中心",
          children: [
            {
              id: "31",
              name: "研发部",
              children: [
                { id: "311", name: "硬件研发组", children: [] },
                { id: "312", name: "软件研发组", children: [] },
              ],
            },
            {
              id: "32",
              name: "设计部",
              children: [
                { id: "321", name: "UI设计组", children: [] },
                { id: "322", name: "商品美工组", children: [] },
                { id: "323", name: "包装设计组", children: [] },
              ],
            },
            {
              id: "33",
              name: "测试部",
              children: [
                { id: "331", name: "硬件测试组", children: [] },
                { id: "332", name: "软件测试组", children: [] },
              ],
              disabled: true,
            },
          ],
        },
        {
          id: "4",
          name: "运营中心",
          disabled: true,
          children: [
            { id: "41", name: "品牌部", children: [], disabled: true },
            { id: "42", name: "咨询部", children: [] },
            { id: "43", name: "渠道部", children: [] },
            { id: "44", name: "销售部", children: [] },
          ],
        },
        {
          id: "5",
          name: "营销中心",
          children: [
            { id: "51", name: "信息采编部", children: [] },
            { id: "52", name: "营销策划部", children: [] },
            { id: "53", name: "网络公关部", children: [] },
          ],
        },
      ],
    };
  },
  methods: {},
};
</script>
